<template>
	<view class="ceng oh">
		<view class="bjt">
			<image src="/static/img/index/index_bj.png"></image>
		</view>
		<view class="yyy">
			<view class="yyy1 tc">
				<image src="/static/img/index/logo.png"></image>
			</view>
			<view class="yyy2 tc">珍酒 · 布鲁塞尔大金奖</view>
			<view class="yyy3 tc">
				<image src="/static/img/index/jiu.png"></image>
			</view>
			<view class="yyy4 oh">
				<view class="yyy41 le tc">我要下单</view>
				<view class="yyy42 le tc">我的藏酒</view>
			</view>
		</view>
	</view>
</template>

<script>
	import popup from "@/package/components/ge-popup.vue";
	export default {
		components: {
			popup
		},
		data() {
			return {
				newList: '',
				zzLength: 0,
				CheckOrder: false,
				currentPageindex: 0,
				categoryHeight: '330rpx',
				TabCur: 0,
				day: 1,
				hour: 2,
				page: 0,
				size: 10,
				minute: 30,
				money: 0,
				scrollLeft: 0,
				relation: false,
				imageUrl: '../../../static/logo2.png',
				isEnable: '否',
				jximg1: '',
				rmimg1: '',
				newsimg1: '',
				homegoodsList: [],
				messageList: [],
				bannerList: [],
				mrscList: [],
				navlist: [],
				navlists: [],
				jingXuan: [],
				guanggao: [],
				bj1: 'https://api.shengqianxiong.com.cn/img/20201112/cbc3370ae18042ceae462663b9345223.png',
				ju2: 'http://api.shengqianxiong.com.cn/img/20201029/9edc1f657e3f477587f93b0b9939e677.png',
				ju3: 'http://api.shengqianxiong.com.cn/img/20201029/ef30a031176c44b4997e7d928fd70cf1.png',
				reMai: [],
				ShareAppimage: '',
				meiRi: [],
				ShareApptitle: '',
				pinTuan: [],
				arr: [],
				showModal: true,
				loadingType: 0,
				scrollTop: false,
				contentText: {
					contentdown: "上拉显示更多",
					contentrefresh: "正在加载...",
					contentnomore: "没有更多数据了"
				}
			}
		},
		onLoad(e) {
			if (e.userByinvitationId) {
				this.$queue.setData('userByinvitationId', e.userByinvitationId);
			}
			this.$Request.getT('/selfActivity/state?state=7').then(res => {
				if (res.status === 0) {
					this.ShareAppimage = res.data[0].image_url;
					this.ShareApptitle = res.data[0].title;
				}
			});
			this.getBannerList();
			this.loadMenuList();
			this.loadMessage();
			this.getHomeGoods();
			// #ifdef MP-WEIXIN
			if (e.scene) {
				const scene = decodeURIComponent(e.scene);
				this.$queue.setData('userByinvitationId', scene.split(',')[0]);
			}
			// #endif

			this.$Request.getT('/common/type/293').then(res => { //接单成功
				if (res.status == 0) {
					if (res.data && res.data.value) {
						this.arr.push(res.data.value)
					}
				}
			})
			this.$Request.getT('/common/type/294').then(res => { //开始派单
				if (res.status == 0) {
					if (res.data && res.data.value) {
						this.arr.push(res.data.value)
					}
				}
			})
			this.$Request.getT('/common/type/295').then(res => { //完成
				if (res.status == 0) {
					if (res.data && res.data.value) {
						this.arr.push(res.data.value)
					}
				}
			})
		},
		onShareTimeline(res) {
			let relation_id = this.$queue.getData('relation_id');
			var image = '';
			var title = '';
			var pathName = '';
			if (relation_id) {
				pathName = 'pages/zysc/index/index?userByinvitationId=' + relation_id;
			} else {
				pathName = 'pages/zysc/index/index';
			}
			return {
				path: pathName, //这是为了传参   onload(data){let id=data.id;} 
				title: this.ShareApptitle,
				imageUrl: this.ShareAppimage
			}
		},
		onShareAppMessage(res) {
			let relation_id = this.$queue.getData('relation_id');
			var image = '';
			var title = '';
			var pathName = '';
			if (relation_id) {
				pathName = 'pages/zysc/index/index?userByinvitationId=' + relation_id;
			} else {
				pathName = 'pages/zysc/index/index';
			}
			return {
				path: pathName, //这是为了传参   onload(data){let id=data.id;} 
				title: this.ShareApptitle,
				imageUrl: this.ShareAppimage
			}
		},
		onShow() {
			let a = this.$queue.getData('isEnable');
			if (a === '是') {
				let b = this.$queue.getData('isLieBiaoEnable');
				if (b) {
					this.isEnable = b;
				} else {
					this.isEnable = a;
				}
			} else {
				this.isEnable = a;
			}
			let relation_id = this.$queue.getData('relation_id');
			if (relation_id && relation_id !== 'undefined') {
				this.relation = true;
			} else {
				this.relation = false;
			}
			let image_url = this.$queue.getData('image_url');
			if (image_url && image_url !== 'undefined') {
				this.imageUrl = image_url;
			} else {
				this.imageUrl = '/static/img/common/logo.jpg';
			}
			this.getmrsc();
			this.getGuangGao();
			this.getSelectOrderList();

			// #ifdef MP-WEIXIN
			let token = this.$queue.getData('token');
			//订阅
			if (token && !uni.getStorageSync('sendindexMsg')) {
				this.openMsg();
			}
			// #endif

		},
		methods: {
			openMsg() {
				var that = this
				wx.getSetting({
					withSubscriptions: true, //是否获取用户订阅消息的订阅状态，默认false不返回
					success(ret) {
						if (ret.subscriptionsSetting.itemSettings) {
							uni.setStorageSync('sendindexMsg', true)
							uni.openSetting({ // 打开设置页 
								success(rea) {
									console.log(rea.authSetting)
								}
							});
						} else { // 用户没有点击“总是保持以上，不再询问”则每次都会调起订阅消息
							uni.setStorageSync('sendindexMsg', false)
							uni.showModal({
								title: '提示',
								content: '为了更好的体验,请绑定消息推送',
								confirmText: '确定',
								cancelText: '取消',
								success: function(res) {
									if (res.confirm) {
										uni.requestSubscribeMessage({
											tmplIds: that.arr,
											success(re) {
												// console.log(re,'**********')
												var datas = JSON.stringify(re);
												if (datas.indexOf("accept") != -1) {
													console.log(re)
												}
											},
											fail: (res) => {
												console.log(res)
											}
										})
										that.showModal = false
									} else if (res.cancel) {
										that.showModal = true
									}
								}
							})
						}
					}
				})
			},
			getSelectOrderList(type) {
				let userId = this.$queue.getData('userId');
				this.$Request.getT('/selfCart/list?page=0&size=' + this.size + '&userId=' + userId).then(
					res => {
						if (res.status === 0) {
							if (res.data.totalElements > 0) {
								uni.setTabBarBadge({
									index: 2,
									text: '' + res.data.totalElements
								})
							}
						}
					});
			},
			/**
			 * 统一跳转接口,拦截未登录路由
			 * navigator标签现在默认没有转场动画，所以用view
			 */
			navToLogin(url) {
				let token = this.$queue.getData('token');
				let mobile = this.$queue.getData('mobile');
				let userId = this.$queue.getData('userId');
				if (token) {
					// #ifdef MP-WEIXIN
					if (uni.getStorageSync('sendindexMsg')) {
						uni.requestSubscribeMessage({
							tmplIds: this.arr,
							success(re) {
								// console.log(re,'**********')
								var datas = JSON.stringify(re);
								if (datas.indexOf("accept") != -1) {
									console.log(re)
								}
							},
							fail: (res) => {
								console.log(res)
							}
						})
					}
					// #endif
					this.$Request.getT('/user/' + userId).then(res => {
						if (res.status === 0 && res.data.phone) {
							uni.navigateTo({
								url
							});
						} else {
							uni.navigateTo({
								url: '/pages/public/mobile'
							});
						}
					});
				} else {
					this.goLoginInfo();
				}
			},
			/**
			 * 加载公告
			 */
			loadMessage() {
				this.$Request.getT('/message/page/1/0/5').then(res => {
					if (res.status === 0) {
						this.messageList = res.data.content;
					}
				});
			},
			getGuangGao() {
				this.$Request.getT('/selfBanner/list').then(res => {
					if (res.status === 0) {
						this.guanggao = res.data;
					}
				});
			},
			getmrsc() {
				this.$Request.getT('/goods/recommend?page=0&size=3&sort=createAt').then(res => {
					if (res.status === 0) {
						this.mrscList = res.data.content;
					}
				});
			},
			topScrollTap: function() {
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 300
				});
			},
			getHomeGoods(type) {
				this.loadingType = 1;
				this.$Request.getT('/goods/homeGoods?page=' + this.page + '&size=' + this.size).then(res => {
					if (res.status === 0) {
						if (this.page === 0 || res.status) {
							this.homegoodsList = [];
						}
						let grade = this.$queue.getData('grade');
						res.data.content.forEach(d => {
							d.descrition = '';
							if (d.commissionPrice != 0) {
								if (grade) {
									if (this.relation) {
										d.descrition = ((parseFloat(d.memberPrice) * parseFloat(d
											.commissionPrice)) * parseFloat(grade)).toFixed(
											2);
									} else {
										d.descrition = ((parseFloat(d.price) * parseFloat(d
											.commissionPrice)) * parseFloat(grade)).toFixed(2);
									}
								} else {
									if (this.relation) {
										d.descrition = ((parseFloat(d.memberPrice) * parseFloat(d
												.commissionPrice)) * parseFloat(this.$queue
												.minMoney()))
											.toFixed(2);
									} else {
										d.descrition = ((parseFloat(d.price) * parseFloat(d
												.commissionPrice)) * parseFloat(this.$queue
												.minMoney()))
											.toFixed(2);
									}
								}
							}
							d.sales = d.sales > 10000 ? (d.sales / 10000).toFixed(1) + '万' : d.sales;
							this.homegoodsList.push(d);
						});
						if (res.data.content.length === this.size) {
							this.loadingType = 0;
						} else {
							this.loadingType = 3;
						}
					} else {
						this.loadingType = 2;
					}
					if (type === "Refresh") {
						uni.stopPullDownRefresh(); // 停止刷新
					}
				});
			},
			goSearch() {
				// #ifdef MP-WEIXIN
				if (uni.getStorageSync('sendindexMsg')) {
					uni.requestSubscribeMessage({
						tmplIds: this.arr,
						success(re) {
							// console.log(re,'**********')
							var datas = JSON.stringify(re);
							if (datas.indexOf("accept") != -1) {
								console.log(re)
							}
						},
						fail: (res) => {
							console.log(res)
						}
					})
				}
				// #endif
				uni.navigateTo({
					url: '/package/pages/homeSearch/index'
				});
			},
			goCommondityList(name) {
				// #ifdef MP-WEIXIN
				if (uni.getStorageSync('sendindexMsg')) {
					uni.requestSubscribeMessage({
						tmplIds: this.arr,
						success(re) {
							// console.log(re,'**********')
							var datas = JSON.stringify(re);
							if (datas.indexOf("accept") != -1) {
								console.log(re)
							}
						},
						fail: (res) => {
							console.log(res)
						}
					})
				}
				// #endif
				uni.navigateTo({
					url: './commodityList?name=' + name
				});
			},
			//更新分类指示器
			categoryChange(event) {
				this.currentPageindex = event.detail.current;
			},
			// 传进数组和指定个数，进行拆分
			chunk: function(array, size) {
				//获取数组的长度，如果你传入的不是数组，那么获取到的就是undefined
				const length = array.length
				//判断不是数组，或者size没有设置，size小于1，就返回空数组
				if (!length || !size || size < 1) {
					return []
				}
				//核心部分
				let index = 0 //用来表示切割元素的范围start
				let resIndex = 0 //用来递增表示输出数组的下标

				//根据length和size算出输出数组的长度，并且创建它。
				let result = new Array(Math.ceil(length / size))
				//进行循环
				while (index < length) {
					//循环过程中设置result[0]和result[1]的值。该值根据array.slice切割得到。
					result[resIndex++] = array.slice(index, (index += size))
				}
				//输出新数组
				return result
			},
			loadMenuList: function() {
				this.$Request.getT('/selfActivity/list').then(res => {
					if (res.status === 0) {
						if (res.data.length > 0) {
							this.navlist = [];
							this.jingXuan = [];
							this.reMai = [];
							this.meiRi = [];
							this.pinTuan = [];
							let list = [];
							res.data.forEach(d => {
								if (d.state == '1') {
									list.push(d);
								} else if (d.state == '2') {
									this.jingXuan.push(d);
								} else if (d.state == '3') {
									this.reMai.push(d);
								} else if (d.state == '4') {
									this.meiRi.push(d);
								} else if (d.state == '5') {
									this.pinTuan.push(d);
								}
							});

							if (list.length > 0) {
								var datanew = this.chunk(list, 10)
								this.navlist = datanew;
								console.log('navlist的数据', datanew)
								if (list.length > 5) {
									this.categoryHeight = "330rpx"
								} else {
									this.categoryHeight = "180rpx"
								}
							} else {
								var datanew = this.chunk(list, 10)
								this.navlist = datanew;
							}
						}
					}
				});
			},
			goDetail(id) {
				// #ifdef MP-WEIXIN
				if (uni.getStorageSync('sendindexMsg')) {
					uni.requestSubscribeMessage({
						tmplIds: this.arr,
						success(re) {
							// console.log(re,'**********')
							var datas = JSON.stringify(re);
							if (datas.indexOf("accept") != -1) {
								console.log(re)
							}
						},
						fail: (res) => {
							console.log(res)
						}
					})
				}
				// #endif
				uni.navigateTo({
					url: './commoditydetail?ordersId=' + id
				});
			},
			/**
			 * @param {Object} url
			 */
			toNavList: function(url) {
				let token = this.$queue.getData('token');
				if (token) {
					// #ifdef MP-WEIXIN
					if (uni.getStorageSync('sendindexMsg')) {
						uni.requestSubscribeMessage({
							tmplIds: this.arr,
							success(re) {
								// console.log(re,'**********')
								var datas = JSON.stringify(re);
								if (datas.indexOf("accept") != -1) {
									console.log(re)
								}
							},
							fail: (res) => {
								console.log(res)
							}
						})
					}
					// #endif
					if(!url){
						return;
					}
					if (url.indexOf('/pages/') !== -1 || url.indexOf('/package/') !== -1) {
						uni.navigateTo({
							url
						});
					} else {
						//#ifndef H5
						uni.navigateTo({
							url: '/pages/member/webview?url=' + url
						});
						//#endif
						//#ifdef H5
						if (url.indexOf('http://') !== -1 || url.indexOf('https://') !== -1) {
							window.location.href = url;
						} else {
							window.location.href = 'https://' + url;

						}
						//#endif
					}
				} else {
					this.goLoginInfo();
				}
			},
			goSyS: function() {
				const _this = this;
				let token = this.$queue.getData('token');
				if (token) {
					uni.scanCode({
						scanType: ['qrCode'],
						success(res) {
							//这里即拿到了扫描出的数据
							console.log(res.result)
							if (res.result.indexOf('/pages/') !== -1 || res.result.indexOf(
									'/package/pages/') !== -1) {
								if (res.result.indexOf('/package/pages/index/pintuanDetail') !== -1) {
									let helpId = '';
									let helpGoodsId = '';
									let goodsId = '';
									let ByUserId = '';

									// '/package/pages/index/pintuanDetail?helpId=' + this.helpId + '&helpGoodsId=' + this
									// 	.helpGoodsId + '&goodsId=' + this.goodsId + '&ByUserId=' + this.ByUserId;

									if (res.result.indexOf('?helpId=') != -1) {
										helpId = res.result.split('?helpId=')[1].split('&')[0];
									}
									if (res.result.indexOf('&helpGoodsId=') != -1) {
										helpGoodsId = res.result.split('&helpGoodsId=')[1].split('&')[0];
									}
									if (res.result.indexOf('&goodsId=') != -1) {
										goodsId = res.result.split('&goodsId=')[1].split('&')[0];
									}
									if (res.result.indexOf('&ByUserId=') != -1) {
										ByUserId = res.result.split('&ByUserId=')[1].split('&')[0];
									}
									uni.navigateTo({
										url: '/package/pages/index/pintuanDetail?helpId=' + helpId +
											'&helpGoodsId=' + helpGoodsId + '&goodsId=' +
											goodsId + '&ByUserId=' + ByUserId
									});
								} else {
									this.$queue.showToast('当前二维码不正确，请扫描助力活动正确二维码！')
									// uni.navigateTo({
									// 	url: res.result
									// });
								}
							} else {
								this.$queue.showToast('当前二维码不正确，请扫描助力活动正确二维码！')
							}
							// _this.code = res.result;
							//扫描成功后调用方法跳转到对应的巡检点
							// _this.hasApplication();
						}
					});
				} else {
					this.goLoginInfo();
				}
			},
			getBannerList() {
				this.$Request.getT('/advert/list').then(res => {
					if (res.status === 0) {
						this.bannerList = [];
						res.data.forEach(d => {
							this.bannerList.push(d)
						});
					}
				});
			},
			goMyList() {
				let token = this.$queue.getData('token');
				if (token) {
					// #ifdef MP-WEIXIN
					if (uni.getStorageSync('sendindexMsg')) {
						uni.requestSubscribeMessage({
							tmplIds: this.arr,
							success(re) {
								// console.log(re,'**********')
								var datas = JSON.stringify(re);
								if (datas.indexOf("accept") != -1) {
									console.log(re)
								}
							},
							fail: (res) => {
								console.log(res)
							}
						})
					}
					// #endif
					uni.navigateTo({
						url: '../my/myList'
					});
				} else {
					this.goLoginInfo();
				}
			},
			//统一登录跳转
			goLoginInfo() {
				uni.navigateTo({
					url: '/pages/member/register'
				});
			},
			tabSlect(item, index) {
				this.TabCur = index;
			}
		},
		onPageScroll: function(e) {
			this.scrollTop = e.scrollTop > 200;
		},
		onReachBottom: function() {
			console.log('触发了')
			this.page = this.page + 1;
			this.getHomeGoods('');
		},
		onPullDownRefresh: function() {
			this.page = 0;
			this.getHomeGoods("Refresh");
			this.getBannerList();
			this.loadMenuList();
			this.loadMessage();
		}
	}
</script>

<style lang="scss">
	@import '../../../static/css/index.css';


	page {
		background: #F2F6FC;
	}
	.ceng{
		height: 100vh;
		width: 100vw;
		.bjt{
			image{
				height: 100vh;
		width: 100vw;
			}
		}
		.yyy{
			position: relative;
			top: -100vh;
			margin-top: 224rpx;
			.yyy1{
				image{
					width: 178rpx;
					height: 60rpx;
				}
			}
			.yyy2{
				margin-top: 64rpx;
				color: #FEE9B2;
				
				font-family: Source Han Serif CN, Source Han Serif CN;
				font-weight: 900;
				font-size: 64rpx;
				line-height: 54rpx;
				text-align: center;
				font-style: normal;
				text-transform: none;
				margin-bottom: 208rpx;
			}
			.yyy3{
				margin-bottom: 52rpx;
				image{
					width: 410rpx;
					height: 654rpx;
				}
			}
			.yyy4{
				    margin: 0 49rpx;
				.yyy41{
					color: #FFE294;
					font-weight: 600;
					font-size: 34rpx;
					width: 294rpx;
					height: 98rpx;
					line-height: 98rpx;
					background: #423513;
					
				}
				.yyy42{
					color: #FFE294;
					font-weight: 600;
					font-size: 34rpx;
					width: 294rpx;
					height: 98rpx;
					line-height: 98rpx;
					background: #423513;
					    margin-left: 66rpx;
				}
			}
		}
	}

	.category {
		width: 99%;

		.box {
			border-radius: 15upx;

			.dots {
				display: flex;
				justify-content: center;
				height: 15upx;
				width: 100%;

				view {
					width: 30upx;
					height: 5upx;
					background-color: rgba(0, 0, 0, 0.2);

					&.active {
						background-color: #ff570a;
					}
				}
			}

			.swiper {
				width: 100%;
				padding: 10upx 0;

				.uni-swiper-dot {
					width: 20upx;
				}

				.category-list {
					width: 100%;
					height: auto;
					display: flex;
					justify-content: flex-start;
					padding: 10upx 0;
					flex-flow: wrap;

					.icon {
						width: 20%;
						display: flex;
						flex-flow: wrap;
						justify-content: center;
						font-size: 22upx;
						color: #666;
						margin-bottom: 20upx;
						position: relative;

						image {
							width: 70%;
							height: 13.3vw;
						}

						view {
							width: 100%;
							display: flex;
							justify-content: center;
						}

						.remen,
						.lijian {
							width: 60upx;
							height: 30upx;
							position: absolute;
							top: 0;
							right: 0;
						}
					}
				}
			}
		}
	}

	.header {
		background: linear-gradient(90deg, #FCEDE8 0%, #FCE4E8 100%);
		height: 120upx;
		position: relative;
		line-height: 150upx;
		width: 100%;
		text-align: center;
		color: #0A0E10;
		font-size: 32upx;
		position: fixed;
		top: 0upx;
		left: 0;
		right: 0;
		z-index: 99;
	}

	.index-views {
		width: 94%;
		display: flex;
		margin: 0 auto;
	}

	.index-views-image {
		width: 50%;
		height: 300upx;
		position: relative;
		border-bottom-right-radius: 15upx;
	}

	.index-views-view1 {
		width: 74%;
		background: #ffffff;
		border-radius: 28upx;
		// padding: 5rpx 0rpx 0 5rpx;
		margin-right: 15rpx;
	}

	.index-views-view1-top {

		color: #333333;
		font-size: 32upx;
		font-weight: 700;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.index-views-view1-top1 {
		color: #999999;
		font-size: 25rpx;

	}

	.index-view-go {
		background: #FF3333;
		color: #ffffff;
		border-radius: 20rpx;
		flex: 2;
		height: 38rpx;
		line-height: 38rpx;
		text-align: center;
		margin-top: 15rpx;
	}

	.mian_view {
		width: 195rpx;
		height: 310rpx;
		margin-right: 18rpx;

		.mian_yao {
			font-size: 22rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #FF2D36;
			margin-top: 8rpx;
			width: 195rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.mian_title {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
			margin-top: 10rpx;
			width: 195rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		image {
			width: 195rpx;
			height: 195rpx;
			border-radius: 4px;
		}
	}

	.index-views-view1-top2 {
		height: 370rpx;
		text-align: left;
		width: 100%;
		padding-top: 10upx;
		display: flex;
		justify-content: center;
		align-items: center;
	}





	.index-views-view2-top1 {
		width: 35%;
		border-radius: 28upx;

		background: #ffffff;
		padding: 20rpx;
	}

	.index-views-view3-top {
		width: 100%;
		background: #FFFFFF;
		border-radius: 12upx;
		margin-top: 15rpx;
	}

	.index-views-view2-top2 {
		// width: 48%;
		flex: 1;
		background: #FFFFFF;
		border-radius: 28upx;
		// margin-right: 15rpx;
		text-align: center;
		padding: 20rpx;
	}

	.index-views1 {
		width: 94%;
		display: flex;
		position: relative;
		margin: 0 auto;
		margin-top: 15rpx;
	}

	.banner_image {
		width: 100%;
		height: 255rpx;
		overflow: hidden;
		border-radius: 20rpx;
	}

	.message_top {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		// background-color: #FFFFFF;
		padding-bottom: 20upx;
		margin: 20upx 20upx 0;
		border-radius: 15upx;
	}

	.message_top_view {
		display: flex;
		flex-direction: row;
		padding: 10upx;
		padding-left: 19upx;
	}

	.message_top_view1 {
		width: 115upx;
		height: 120upx;
		text-align: center;
		margin-top: 20upx;
	}

	.index-conts {
		width: 200upx;
		margin-top: 10upx;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
	}



	.index-conts2 {
		font-size: 30upx;
		position: absolute;
		float: left;
		color: #FD3B2C;
		width: 80%;
		text-align: left;
	}

	.header-imgsuo {
		width: 42rpx;
		height: 40rpx;
		margin-right: 10upx;
		align-items: center;
		display: block;
	}

	.limapboxqing2 {
		font-size: 31rpx;
		color: #333333;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.icon_header {
		width: 85%;
		display: flex;
		height: 70rpx;
		align-items: center;
		justify-content: center;
		padding: 10upx 20upx;
		background-color: #FFFFFF;
		border-radius: 66upx;
		margin-top: 20upx;
	}

	.swiper-container {
		height: 255rpx;
		border-radius: 4upx;
		transform: translateY(0);
		overflow: hidden;
		overflow: hidden !important;
		/* 兼容IOS，否则在swiper组件内的布局都不受border-radius和overflow的约束 */
		transform: translateY(0) !important;
	}

	.header_box {
		width: 100%;
		background: linear-gradient(90deg, #FCEDE8 0%, #FCE4E8 100%);
		position: relative;
		/* #ifdef APP-PLUS */
		top: -33rpx;
		/* #endif */
		/* #ifndef APP-PLUS */
		top: 0rpx;
		/* #endif */
		z-index: 999999;
	}

	.content-div {
		display: flex;
		justify-content: space-between;
		/* #ifdef APP-PLUS */
		height: 130upx;
		margin-top: -20rpx;
		// padding-top: 70rpx;
		/* #endif  */


		width: 95%;
		margin: 0 auto;


		/* #ifndef APP-PLUS */
		padding-top: 0rpx;
		height: 120upx;
		/* #endif  */
	}

	.icon-headerI {
		font-size: 28rpx;
		color: #CCCCCC;
		text-align: left;
		width: 100%;
		letter-spacing: 1rpx;
	}

	.news_title {
		font-weight: bold;
		color: #FF0000;
		margin-right: 32upx;
		margin-left: 32upx;
		width: 12upx;
	}

	.header-wus {
		background-color: #FFFFFF;
		margin: 20upx 20upx 0upx 20upx;
		border-radius: 10upx;
		padding: 28upx 28upx 50upx;
	}

	.header-wus2 {
		color: #333333;
		font-size: 32upx;
		margin-bottom: 10upx;
		font-weight: bold;
	}

	.box-float {
		width: 235upx;
		position: relative;
		border-radius: 10upx;
		padding: 6upx 0;
	}

	.user_image {
		width: 60upx;
		height: 60upx;
		margin: 20upx 15upx 0upx 20upx;
		border-radius: 50upx;
	}

	.user_message {
		width: 48upx;
		height: 42upx;
		margin: 35upx 20upx 0upx 10upx;
	}

	.index_banner {
		background-image: url('https://api.shengqianxiong.com.cn/file/uploadPath/2022/06/20/d8dab53d9a8efb823ba35e17b0851843.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		/* #ifdef APP-PLUS */
		padding: 260rpx 16upx 0;
		/* #endif */

		/* #ifdef H5 */
		padding: 130rpx 16upx 0;
		/* #endif */

		/* #ifdef MP-WEIXIN */
		padding: 130rpx 16upx 0;
		/* #endif */
		// margin: 0upx 6upx;
	}

	.index_gonggao {
		height: 80rpx;
		line-height: 80rpx;
		background: #FFFFFF;
		// background: linear-gradient(90deg, #FCEDE8 0%, #FCE4E8 100%);
		border-radius: 10rpx;
		width: 95%;
		padding: 5rpx 0 0 20rpx;
		margin: 0 auto;
		margin-top: 20rpx;
	}

	.content {
		width: 98%;
		margin: 0 auto;
		height: 80rpx;
		display: flex;
		justify-content: left;
		align-items: center;
	}

	.index_gonggao text {
		margin-left: 10rpx;
		font-size: 26rpx;
		color: #FF3333;
		letter-spacing: 1rpx;
	}

	.index_bottom_list {
		width: 95%;
		margin: 0 auto;
		/* #ifdef H5 */
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 30upx;
		/* #endif */


		/* #ifndef H5 */
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 0upx;
		/* #endif */
	}

	.index_bottom_list_view {
		width: 47%;
		// height: 510upx;
		background-color: #FFFFFF;
		border-radius: 20upx;
		margin-left: 15rpx;
		margin-top: 20rpx;
		padding-bottom: 10rpx;
		// box-shadow: rgba(183, 183, 183, 0.3) 1px 1px 10px 1px;
	}

	.index_bottom_list_viewImage {
		width: 350upx;
		height: 340upx;
		border-top-left-radius: 20upx;
		border-top-right-radius: 20upx;
	}

	// 推荐商品
	.uni-margin-wrap {
		width: 100%;
	}

	.swiper {
		width: 100%;
		height: 417rpx;
	}

	.swiper-item {
		width: 100%;
		height: 417rpx;
	}

	.swiper-item image {
		height: 100%;
		width: 100%;
	}
</style>
